﻿<!doctype html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="cloud, cloud services, next generation" />
<meta name="author" content="Platform 3 Solutions" />

<link rel="stylesheet" type="text/css" media="all" href="resources/css/tipsy.css"/> <!-- tipsy stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/font-awesome.css"/> <!-- tipsy stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/bootstrap.min.css"/> <!-- bootstrap stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/bootstrap-theme.min.css"/> 
<link rel="stylesheet" type="text/css" media="all" href="resources/css/animate.css"/> <!-- Just-add-water CSS animation stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/hoverfold.css"/> <!-- hoverfold stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/colorbox.css"/> <!-- colorbox stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/flexslider.css"/> <!-- flexslider stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/main.css"/> <!-- main stylesheet -->
<link rel="stylesheet" type="text/css" media="all" href="resources/css/responsive.css"/> <!-- responsive stylesheet -->

<title>Platform 3 Solutions, Inc. - Take it to the next level!</title>
</head>

<body>

<!-- image preloader -->
<div id="image-preloader"></div>
<!-- image preloader -->

<!-- facebook SDK -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "../../connect.facebooks-.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- facebook SDK -->

<!-- Universal preloader -->
<div id="universal-preloader">
    <div class="preloader">
		<img src="resources/img/ajax.gif" alt="Platform 3 Solutions" class="universal-preloader-preloader"/>
		<span id="percentage">0 %</span>
    </div>
</div>
<!-- Universal preloader -->

<div id="top"></div>

<!-- desktop navigation -->
<nav class="clearfix hidden-sm hidden-xs">
	<img src='resources/img/logo.png' alt='logo' class='logo' width='74' height='40' />
	<div class="menu">
		<ul>
						<li><a href="#top" class="active">Start<span class="glyphicon glyphicon-chevron-right"></span></a></li>
			<li><a href="#section2">Company<span class="glyphicon glyphicon-cloud"></span></a></li>
			<li><a href="#section4">WHAT WE DO<span class="glyphicon glyphicon-cog"></span></a></li>
			<li><a href="http://www.platform3solutions.com/resources/platfrom3-how.pdf" target="_blank" class="ignore">HOW WE DO IT<span class="glyphicon glyphicon-cog"></span></a></li>
				<li><a href="#section8">PARTNER<span class="glyphicon glyphicon-magnet"></span></a></li>
			<li><a href="#section9">Contact<span class="glyphicon glyphicon-send"></span></a></li>
			<li><a href="http://www.
tumblr.com/platform3solutions.html" target="_blank" class="ignore">BLOG<span class="glyphicon glyphicon-comment"></span></a></li>
			<!-- IMPORTANT / ADD CLASS IGNORE TO EXTERNAL LINKS -->
		</ul>
	</div>
</nav>
<!-- desktop navigation -->

<!-- small screen navigation -->
<nav class="clearfix dropdown visible-sm visible-xs">
	<img src='resources/img/logo.png' alt='logo' class='logo' width='150' height='40' />
	<div class="menu">
		<a id="dLabel" class="ignore drop-button" role="button" data-toggle="dropdown" data-target="#" href="#">
			Menu <span class="caret"></span>
		</a>
		<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
			<!-- IMPORTANT / ADD CLASS IGNORE TO EXTERNAL LINKS -->
			<li><a href="#top" class="active">Start<span class="glyphicon glyphicon-chevron-right"></span></a></li>
			<li><a href="#section2">Company<span class="glyphicon glyphicon-fire"></span></a></li>
			<li><a href="#section4">Services<span class="glyphicon glyphicon-cog"></span></a></li>
			<li><a href="#section6">Portfolio<span class="glyphicon glyphicon-folder-open"></span></a></li>
			<li><a href="#section8">News<span class="glyphicon glyphicon-comment"></span></a></li>
			<li><a href="#section9">Contact<span class="glyphicon glyphicon-send"></span></a></li>
			<li><a href="http://platform3solutions.com/" target="_blank" class="ignore"><span class="glyphicon glyphicon-shopping-cart"></span></a></li>
			<!-- IMPORTANT / ADD CLASS IGNORE TO EXTERNAL LINKS -->
		</ul>
	</div>
</nav>
<!-- small screen navigation -->

<!-- Content Wrapper -->
<div id="wrapper">
	<!-- section 1 -->
	<section class="section1 parallax hero clearfix" id="section1">
		<div class="overlay"></div>
		<!-- slider -->
		

	<!-- slider -->
		
		<!-- scroll down button -->
		<div id="scroll-down">
			<a href="#section2"><img src="resources/img/scroll-down.png" alt="scroll-down" width="80" height="80" /></a>
		</div>
		<!-- scroll down button -->
	</section>
	<!-- section 1 -->
	
	<!-- section 2 -->
	<section class="section2" id="section2">
		<div class="container">
			<!-- intro -->
			<div class="row">
				<div class="col-md-12">
					<h2 class="a fadeInDown border-bottom">OUR CORE <span class="intense"> VALUES</span></h2>
					
					<!-- facebook like -->
					<div class="fb-like a fadeInUp" data-href="http://www.platform3solutions.com" data-width="100" data-colorscheme="light" data-layout="button" data-action="like" data-show-faces="false" data-send="false"></div>
										
					<p class="a fadeInUp">We are a customer-focused company with a wide variety of skills around structured and unstructured data. Our motivation comes from making our customers successful by reducing costs and taking complexity out of their business. With our key partnerships and skills we provide a set of services, methodologies, and technologies to achieve this. Focusing on application and portfolio rationalization, platform modernization, application decommissioning, structured and unstructured data management Platform 3 Solutions is well positioned to drive cost and complexity out of your business.</p>
				</div>
			</div>
			<!-- intro -->
		
			<!-- first person -->
			<div class="row staff">
				<div class="col-md-2 a flipInX">
					<img src="resources/img/about/1.jpg" alt="1" class="img-circle img-thumbnail img-responsive" />
				</div>
				<div class="col-md-10 a fadeInRight">
					<h3 class="no-top staff-header">INTEGRITY</h3>
					
				<p>Integrity is our first core value. We honor our commitments, are accountable and always strive to maintain the highest level of ethics. We treat one another with honesty, integrity and loyalty. Building and maintaining relationships is key to our mutual success by building trust, promoting success with open communication and immediately addressing issues. We believe that open and direct communication is the best way to develop enduring relationships with our customers.</p>
				</div>
			</div>
			<!-- first -->
			
			<br />
			<!-- second -->
			<div class="row staff">
				<div class="col-md-2 a flipInX">
					<img src="resources/img/about/3.jpg" alt="3" class="img-circle img-thumbnail img-responsive" />
				</div>
				<div class="col-md-10 a fadeInRight">
					<h3 class="no-top staff-header">INNOVATION</h3>
					
					<p>
Innovation is another core value. We work closely with you to understand current, future and long term needs. We strive to ensure your solution is the best and most sustainable for you and your business. We motivate and drive our teams to develop highly innovative and productive solutions for our customer’s requirements.</p>
				</div>
			</div>
			<!-- second -->
			
			<br />
			<!-- third -->
			<div class="row staff">
				<div class="col-md-2 a flipInX">
					<img src="resources/img/about/4.jpg" alt="4" class="img-circle img-thumbnail img-responsive" />
				</div>
				<div class="col-md-10 a fadeInRight">
					<h3 class="no-top staff-header">QUALITY</h3>
									<p>Quality is in everything we do. From project management, solution development, implementation and knowledge transfer we will ensure quality and performance are measured during each step of the project. We accept nothing less than a completely satisfied customer.</p>
				</div>
			</div>
			<!-- third person -->
		</div>
		<div class="space-medium"></div>
			
		<!-- call-->
		<div class="well">
			<div class="container">
				<h2 class="a fadeInDown">UP TO AN 80% RETURN ON INVESTMENT (ROI) IN TWO YEARS</h2>
				<p class="a fadeInUp"><i>By moving to third platform and providing savings on employee costs, training, server maintenance, upkeep, and security. We can save you big and bring an exponential return for your investment!</i></p>
			</div>
		</div>
		<!-- call -->
		
		<div class="space-medium"></div>
		<div class="container">
			<!-- Skillset -->
			<h2 class="a fadeInDown border-bottom">CLIENT<span class="intense">SAVINGS</span></h2>
			<p>Just some of the amazing savings available for your firm, with the simple evolution to the third platform...</p>
			
			<!-- first row -->
			<div class="row">
				<div class="col-md-2">
					<h3>MAINTANENCE</h3>
				</div>
				<div class="col-md-10">
					<span class="skillset">40%</span>
				</div>
			</div>
			<!-- first row -->
			
			<!-- second row -->
			<div class="row">
				<div class="col-md-2">
					<h3>Infrastructure</h3>
				</div>
				<div class="col-md-10">
					<span class="skillset">20%</span>
				</div>
			</div>
			<!-- second row -->
			
			<!-- third row -->
			<div class="row">
				<div class="col-md-2">
					<h3>Staff Costs</h3>
				</div>
				<div class="col-md-10">
					<span class="skillset">70%</span>
				</div>
			</div>
			<!-- third row -->
			
			<!-- fourth row -->
			<div class="row">
				<div class="col-md-2">
					<h3>Back up and recovery</h3>
				</div>
				<div class="col-md-10">
					<span class="skillset">30%</span>
				</div>
			</div>
			<!-- fourth row -->
			<!-- Skillset -->
		</div>
	</section>
	<!-- section 2 -->
	
	<!-- section 3 -->
	<section class="section3 parallax clearfix" id="section3">
		<div class="overlay"></div>
		<div class="container">
			<div class="row no-bottom">
				

<div class="col-md-7 a fadeInRight">
					<!-- header and text on the right -->
					<h2 class="no-top">EVOLVE TO THE <span class="intense"> CLOUD</span></h2>
					<p></p>
										
					<p></p>
					
				</div>
			</div>
		</div>
	</section>
	

					<div class="flexslider">
					  <ul class="slides">
						<li>
						  <img src="resources/img/slider/infographic1.jpg" alt="i.t." />
						</li>
						<li>
						  <img src="resources/img/slider/infographic2.jpg" alt="cloud computing" />
						</li>
						<li>
						  <img src="resources/img/slider/infographic3.jpg" alt="cloud server" />
						</li>
						<li>
						  <img src="resources/img/slider/infographic4.jpg" alt="integration" />
						</li>
</li>
						<li>
						  <img src="resources/img/slider/infographic5.jpg" alt="cloud software" />
						</li>
						

			  </ul>
					</div>
					<!-- Flexslider plugin -->
					<div class="space-large"></div>
					
					
<section class="section4" id="section4">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h2 class="a fadeInDown border-bottom">WHAT WE <span class="intense"> DO</span></h2>
					<p class="a fadeInUp">Application and Portfolio Rationalization, Application Decommissioning, Enterprise Archiving...</p>
					
						
<div class="row">
							<div class="col-md-4 services-block a fadeInLeft">
								<span class="glyphicon glyphicon-cog services-icon"></span>
								<h3>BUSINESS AND <span class="intense">IT ALIGNMENT</span></h3>
									<p>
Alignment – What applications and infrastructure support each area my business?</p>
<p>
Application Classification – Is this application mission critical or non-mission critical?</p>
<p>
Application Disposition – Should this application be sunset, modernized, migrated or contained?

</p>
						</div>
							
							<div class="col-md-4 services-block a fadeInDown">
								<span class="glyphicon glyphicon-usd services-icon"></span>
								<h3>COMMODITIZATION OR <span class="intense">OPTIMIZATION OF I.T.</span></h3>
								<p>
Suitability, Selection and Direction</p>
<p>
What is the right IT model and platforms that best support my business?</p>
<p>
Optimization of Strategic Systems

</p>
							</div>
							
							<div class="col-md-4 services-block a fadeInRight">
								<span class="glyphicon glyphicon-time services-icon"></span>
								<h3>SUSTAINABILITY AND <span class="intense">RESILIENCE</span><span class="intense"></span></h3>
									<p>
Application Modernization</p>
<p>
Roadmaps and strategic planning</p>
<p>
Process and resource refinement

</p>
							</div>
						</div>
						<!-- first row -->
						
						<div class="space-small"></div>
						

		</div>
		</div>
		
		


		<div class="well">
			<div class="container">
				<h2 class="a fadeInDown">Client savings of 128 Million+ over 5 years</h2>
				<p class="a fadeInUp"><i>The savings are amazing! Lower what you spend on infrastructure, training, software updates, hardware, integration, and everything in between! See for yourself how Platform 3 Solutions can make it happen for you.</i></p>
				
				
<div class="row">
									
		
</div>
			</div>
		</div>
				
		
<section class="section7 parallax clearfix" id="section7">
		<div class="overlay"></div>



		<div class="container">
			<div class="row no-bottom">
								
<a href="http://www.platform3solutions.com/resources/platfrom3-how.pdf" target="_blank" class="ignore">
<button type="button" class="btn btn-default btn-lg">DOWNLOAD HOW WE DO IT PDF NOW</button>
	</A>		</div>
		</div>
		
		
			<!-- item 2 -->
			<div class="container item">
				<article class="row">
						<div class="col-md-1 a flipInY">
							<div class="date-marker">
								<span class="date">OUR VIDEO</span>
							</div>
						</div>
					<!-- date marker -->
					
					<div class="col-md-11">
									<!-- video on top -->
						<iframe src="//www.youtube.com/embed/ZXTgG2guHaU" height="500"></iframe>
						<!-- video on top -->
						<div class="space-small"></div>
						<div class="pull-right no-bottom clearfix"></div>
					</div>
				</article>
			</div>
		
	</section>
	<!-- section 7 -->
	
	<section class="section8 clearfix" id="section8">
		

</section>


<!-- DONOTREMOVE -->
		<div id="blog-temp"></div>
		<!-- DONOTREMOVE -->
		
		<div id="blog">
			<!-- item 1 -->
			<div class="container item">
				<article class="row">
										<div class="col-md-1 a flipInY">
									</div>
					<!-- date marker -->
					
					<div class="col-md-5 a fadeInLeft">
						<!-- image on the left -->
						<div class="img">
							<span class="zoom glyphicon glyphicon-plus"></span>
							<a class="colorbox" href="resources/img/portfolio/2.jpg" data-rel="colorbox" title="Our Partner"><img class="img-responsive" src="resources/img/portfolio/2.jpg" alt="portfolio2" /></a>
						</div>
						<!-- image on the left -->
					</div>
					<div class="col-md-6 a fadeInRight">
						<!-- header, text and buttons below -->
						<h3 class="no-top border-bottom">Our Partner</h3>
						<p>EMC2 Corporate Profile</p>

	
<p>EMC is a global leader in enabling businesses and service providers to transform their operations and deliver information technology as a service (ITaaS). Fundamental to this transformation is cloud computing. Through innovative products and services, EMC accelerates the journey to cloud computing, helping IT departments to store, manage, protect and analyze their most valuable asset — information — in a more agile, trusted and cost-efficient way.</p>

								

			</article>
			</div>
	

		<!-- item 1 -->			
			<!-- item 3 -->
		</div>
		
		</section>
	

	
		<section class="section9 parallax clearfix" id="section9">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h1 class="a fadeInDown">CONTACT <span class="intense"> US</span></h1>
					<h7><p class="a fadeInUp">913 Hyde Court
Costa Mesa, California 92626</p>	

<p class="a fadeInUp">Phone:714.393.7292</p>
<p class="a fadeInUp">Email:sales@platform3solutions.com</p>

</h7>				

	
					<span id="form-message"><img src="resources/img/ajax.gif" alt="Platform 3 Solutions"/> Processing...</span>
					<div class="space-small"></div>
					
					<!-- form -->
					<form role="form" id="form">
					  <div class="form-group a fadeInLeft">
						<label for="yourname">Your name</label>
						<input type="text" class="form-control required input-lg" id="yourname" placeholder="Enter name">
					  </div>
					  <div class="form-group a fadeInLeft">
						<label for="email">Email address</label>
						<input type="email" class="form-control required input-lg" id="email" placeholder="Enter email">
					  </div>
					  <div class="form-group a fadeInLeft">
						<label for="message">Your message</label>
						<textarea class="form-control required" id="message" rows="5" placeholder="Enter your message here"></textarea>
					  </div>
					  
					  <div class="space-small clearfix"></div>
					  <div class="a fadeInDown">
						<button type="button" class="btn btn-default btn-lg clear-button">Clear form</button><button type="button" class="btn btn-default btn-lg submit-button">Send message</button>
					  </div>
					</form>
					<!-- form -->
				</div>
			</div>
		</div>
	</section>
	<!-- section 9 -->
</div>
<!-- Content Wrapper -->

<!-- scripts -->

<script type="text/javascript" src="resources/js/jquery-1.10.2.min.js"></script> <!-- jquery implementation -->
<script type="text/javascript" src="resources/js/modernizr.js"></script> <!-- modernizr plugin -->
<script type="text/javascript" src="resources/js/jquery.parallax.js"></script> <!-- jquery parallax plugin -->
<script type="text/javascript" src="resources/js/platform3.plugins.js"></script> <!-- jquery image preloader plugin -->
<script type="text/javascript" src="resources/js/jquery.tipsy.js"></script> <!-- jquery tipsy plugin -->
<script type="text/javascript" src="resources/js/bootstrap.min.js"></script> <!-- bootstrap plugin -->
<script type="text/javascript" src="resources/js/jquery.colorbox.js"></script> <!-- colorbox plugin -->
<script type="text/javascript" src="resources/js/underscore-min.js"></script> <!-- underscore.js plugin -->
<script type="text/javascript" src="resources/js/jquery.mixitup.min.js"></script> <!-- mixitup plugin -->
<script type="text/javascript" src="resources/js/jquery.flexslider.js"></script> <!-- flex slider plugin -->
<script type="text/javascript" src="resources/js/respond.min.js"></script> <!-- Internet Explorer 8- media queries support plugin -->
<script type="text/javascript" src="resources/js/main.js"></script> <!-- template scripts -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->

<!-- scripts -->

</body>

</html>